<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="description" content="" />
  <meta name="author" content="ThemeBucket" />

  <title>贷款明细报表</title>
  
  <script>
		var webPath = "../..";
  </script>
  <script src="../../UI/common/loadCommonCss.js"></script>
  <style>
  		.cross,.tick{margin-top:1px; margin-right:132px;}
  </style>
</head>

<body>
	<div class="page-main">
		<div class="row page-heading" >
			<div class="row page-heading-inner" >
				<div class="col-xs-6 " id="nav_header" style="margin-left:10px;">
					<ol class="list-inline" id="navContent">
						<li><a href="javascript:void(0);" onclick="window.parent.backMain();">主页</a></li> <span>/</span>
						<li><a id="parentNavName">###</a></li><span>/</span>
						<li><a id="thisNavName">###</a></li>
					</ol>
				</div>
			</div>
		</div>
		
        <div class="row page-body" >
        	<div class="col-sm-12">
        		<div class="panel-heading">
				   <strong style="line-height:30px;">贷款明细列表</strong> 
		           <div class="panel-heading-button pull-right">
				       	<!--<button type="button" class="btn" id="addBtn" title="新增"><i class="glyphicon glyphicon-plus" ></i></button>
			       		 <button type="button" class="btn" id="removeOfNumbersBtn" title="批量删除"><i class="glyphicon glyphicon-trash" ></i></button> -->
				       	<button type="button" class="btn" id="updownarea"><i class="glyphicon glyphicon-chevron-down"></i></button>
			 		</div>
        		<hr/>
        		</div>
        	</div>
        	
        	<div class="col-sm-12" id="queryForm">
        		<form id="queryGridForm">
			        <div class="row queryFrom-body">
		          	  	<div class="form-group text-center">
	              			<div class="row col-sm-12">
				            <label class="col-sm-3 control-label text-right" >业务类型:&nbsp;</label>
									<!-- <select class="col-sm-2" id="query_bussniessType" style="width:150px;"></select> -->
									<select class="col-sm-2"  id="query_bussniessType" style="width:150px;" >
	                                    <option class="opt" value="0">--请选择--</option>
										<option class="opt" value="一手房贷款">一手房贷款</option>
										<option class="opt" value="二手房贷款">二手房贷款</option>
										<option class="opt" value="个人消费贷款">个人消费贷款</option>
										<option class="opt" value="个人经营性贷款">个人经营性贷款</option>
										<option class="opt" value="农户小额信用贷款">农户小额信用贷款</option>
									</select>
				            <label class="col-sm-3 control-label text-right">处理进度:&nbsp;</label> 
					              	<select class="col-sm-2"  id="query_processStat" style="width:150px;" >
	                                    <option class="opt" value="0">--请选择--</option>
										<option class="opt" value="WAIT">等待上报</option>
										<option class="opt" value="RECEIVED_FILES">联社收到资料，等待分配独立审查人</option>
										<option class="opt" value="SUBMIT">已上报等待资料抵达联社</option>
										<option class="opt" value="ASSIGNED">已分配独立审查人，等待审查</option>
										<option class="opt" value="EXAMINE_SUCC_LIANSHE">审查成功，等待区联社审批</option>
										<option class="opt" value="EXAMINE_SUCC_GEJING">审查成功，等待个金部经理审批</option>
										<option class="opt" value="EXAMINE_UPDATE">审查失败，需要补件</option>
										<option class="opt" value="EXAMINE_FAIL">审查失败，退件</option>
										<option class="opt" value="APPROVAL_SUCC_LIANSHE">已确认区联社审批成功</option>
										<option class="opt" value="APPROVAL_SUCC_GEJING">已确认个金部经理审批成功</option>
										<option class="opt" value="CAN_NOT_EXAMINE">个金无权审查，由区联社审查并审批</option>
										<option class="opt" value="APPROVAL_FAIL_LIANSHE">已确认区联社审批未通过</option>
										<option class="opt" value="APPROVAL_FAIL_GEJING">已确认个金部经理审批未通过</option>
									</select>
				           </div>
				           <div class="row col-sm-12" style="padding-top:10px;">
				            <label class="col-sm-3 control-label text-right">查询起始日期:&nbsp;</label> 
				              	<input class="col-sm-2 " readonly style="width:150px;" type="text" class="datepicker" id="statisticStartTime" placeholder="开始时间" />
				              <label class="col-sm-3 control-label text-right">查询截至日期:&nbsp;</label> 
				              	<input class="col-sm-2 " readonly style="width:150px;" type="text" class="datepicker" id="statisticEndTime" placeholder="结束时间" />
				              </div>
		              	</div>
		          	</div>
	          	</form>
	          	
	          	<div class="row queryForm-footer" style="margin-top:20px">
	          	  	 <button type="button" class="btn" data-dismiss="modal" id="resetQueryForm"><i class="glyphicon glyphicon-repeat"></i>&nbsp;清空</button>
	                 &nbsp;&nbsp;&nbsp;
	                 <button type="button" class="btn" id="queryGridBtn"><i class="glyphicon glyphicon-search"></i>&nbsp;查询</button>
	                  &nbsp;&nbsp;&nbsp;
	                 <button type="button" class="btn" onclick="exportToExcel()"><i class="icon-file-alt"></i>&nbsp;导出EXCEL</button>
	          	</div>
	          	<hr/>
          	</div>
	        
	        <div class="col-sm-12">
				<div class="row table-content col-sm-12" >
					<div class="fixed-table-content" style="height:600px; overflow:auto;">
						<div style="width:3000px;">
						<table  class="table table-bordered" id="table">
							<thead class="fixed-thead">
								<tr>
									<th><div>序号</div></th>
									<th><div>编号</div></th>
									<th><div>借款人</div></th>
									<th><div>证件号码</div></th>
									<th><div>收件时间</div></th>
									<th><div>营销人姓名</div></th>
									<th><div>营销人岗位</div></th>
									<th><div>经办人姓名</div></th>
									<th><div>经办人岗位</div></th>
									<th><div>业务种类</div></th>
									<th><div>申贷金额（万）</div></th>
									<th><div>申贷期限（月）</div></th>
									<th><div>担保情况</div></th>
									<th><div>审批时间</div></th>
									<th><div>贷款结果</div></th>
									<th><div>审批业务种类</div></th>
									<th><div>审批申贷金额（万）</div></th>
									<th><div>审批申贷期限（月）</div></th>
									<th><div>审批利率</div></th>
									<th><div>审批担保情况</div></th>
									<th><div>还款方式</div></th>
									<th><div>审查人</div></th>
									<th><div>是否续贷</div></th>
									<th><div>备注</div></th>
									
								</tr>
							</thead>
							<tbody id="dataList">
								
							</tbody>
					    </table>
					    </div>
					</div>
					<div class="row table-foot">
									<div class="goto">
										<a href="javascript:;" id="gotopage" >确定</a>
										<select id ="setRownum">
											<option value="10" >10</option>
											<option value="20">20</option>
											<option value="50">50</option>
										</select>
									</div>
									<div id="Pagination" class="pagination" ></div>
								</div>
	    		</div>
   		 </div>
  </div>
    
	<script src="../../UI/common/loadCommonJs.js"></script>
	<script src="./loanAppDetailsReport.js"></script>
</body>
</html>
